导航菜单
首页 >  Pagination  > React Pagination(分页)组件

React Pagination(分页)组件

编辑此页面分页组件 Pagination

使用分页组件,用户可以从一系列页面中选择某个特定的页面。

基础分页描边分页圆形分页分页大小按钮

你可以有选择地启用首尾页的按钮,或这禁用上一页和下一页的按钮。

分页范围

你可以使用 siblingRange 属性来指定当前页面两侧显示的数字多少,并使用boundaryRange属性来调整在起始和结束页码旁边显示的位数。

{/* Default ranges */}可控制的分页

Page: 1

Page: {page}与 Router 整合usePagination

对于高级自定义用例,我们暴露了一个 headless 的 usePagination() hook。 它支持的选项与分页组件大致相同,但不包括与 JSX 渲染有关的所有属性。 分页组件内部也使用此 hook。

import { usePagination } from '@material-ui/lab/Pagination';表格分页

Pagination 组件的设计是为了在不使用无限加载的情况下,将任意数量的项目进行分页。 比如说博客这样重视 SEO 的环境下,它是首选。

对于大型表格数据的分页,应该使用 TablePagination 组件。

每页行数:

10

21-30 的 100

您可以在文档的 表格部分 中了解

相关推荐: